// <!-- 这里处理的是当选中哪一个所属分类的时候，显示的他各自对应的所属属性和规格 -->
$(function(){
	$("select[name=cid]").change(function(){
		// 获取当前分类的属性为tid的元素
		var tid = $(":selected").attr("tid");
		$.ajax({
			type:"post",
			url:"./index.php?m=Admin&c=Goods&a=ajaxGetAttr",
			data:{tid:tid},
			dataType:"json",//数据类型
			success:function(getAttrData){
				// console.log(getAttrData);
				// 属性页面的添加
				var attr = '';
				// 规格页面的添加
				var spec = '';
				$.each(getAttrData,function(k,v){
					// class==2是属性
					if(v.class==2){
						attr += '<tr class="info"><td>'+v.taname+'</td><td><select name="attr['+v.taid+']" id=""><option value="0">请选择</option>';
						$.each(v.tavalue,function(kk,vv){
							attr +=	'<option value="'+vv+'">'+vv+'</option>';
							});
						attr +='</select></td></tr>';	
					}else{   //是规格
						spec += '<tr class="info"><td>'+v.taname+'</td><td><select name="spec['+v.taid+'][color][]"><option value="">请选择</option>';
						$.each(v.tavalue,function(kk,vv){
						spec +=	'<option value="'+vv+'">'+vv+'</option>';
						});
						spec += '</select></td><td>附加价格</td><td><input type="text" name="spec['+v.taid+'][added][]" id="" value="0" /></td><td><a href="javascript:;" class="btn btn-success addSpec">增加</a></td></tr><input type="hidden" name="tid" value="'+v.type_tid+'"/>';
					}
				});
				$("#attr").html(attr); //找到下面的'容器'#attr，将上面的var attr 给添加到容器中。写入到容器中
				$("#spec").html(spec); //找到下面的'容器'#spec，将上面的var spec 给添加到容器中。写入到容器中
			}
		})
	})
})	
// <!--点击'添加'按钮，添加一项当前的规格-->
$(function(){
	//live、on、delegate
	$(".addSpec").live('click',function(){
		var tr = $(this).parents("tr").clone();
		//克隆tr样式，并组建删除按钮
		var del = '<a href="javascript:;" class="btn btn-danger  delSpec">删除</a>';
		tr.find(".addSpec").remove();//抓取添加按钮，然后移除
		tr.find("td").eq(4).append(del);//找到td，然后在他后面进行元素的追加
		$(this).parents("tr").after(tr);//将整合好的tr给追加到原来的tr下面。
	})
})
// <!-- 这是上一个js的延续，按钮问题，当追加完tr的时候，出现的是所有的元素，但这儿要显示的是'删除按钮'，只有这样才能进行删除。所以这儿将是进行按钮的替换。 -->
$(function(){
	$('.addSpec').on('click',function(){
		var tr = $(this).parents('tr').clone();//克隆tr样式，并组建删除按钮
		var del = '<a href="javascript:;" class="btn btn-danger delSpec">删除</a>';
		tr.find('addSpec').remove();//在将增加按钮移除
		tr.find('td').eq(4).append(del)

	})
})
// <!--当点击'删除按钮'的时候，得将当前选中的元素给移除，即删除选中的tr-->
$(function(){
	$(".delSpec").live("click",function(){
		$(this).parents("tr").remove();
	})
})


// 上传图片的删除及删除